<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
 <head>
  <title>Mozilla CSS: -moz-float-edge: margin-box and unconstrained boxes (right)</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/mozilla/float-edge/020.html"/>
    <style type="text/css">
   p { margin: 0; }
   div { border: ridge; }
   .right { float: right; margin: 1em; width: 100px; }
   .normal { margin: 1em 0; -moz-float-edge: margin-box; }
  </style>
 </head>
 <body>
  <p>Normal Behaviour (-moz-float-edge: margin-box) -- floater should
  be to the right of the normal block, normal block should be 1em away
  from the floater and fill the rest of the viewport.</p>
  <div class="right">right</div>
  <div class="normal">normal block</div>
 </body>
</html>